{% extends 'basic/component.html' %}
{% load staticfiles %}
{% load static %}
{% load i18n %}
{% block pageTitle %}
  {% trans 'VR Task View' %}
{% endblock %}

{% block pageHeadExtra %}
    <link rel="stylesheet" href="{% static 'css/mlplatform/view_task.css' %}" xmlns="http://www.w3.org/1999/html">
    <link rel="stylesheet" href="{% static 'css/mlplatform/view_vrtask.css' %}">
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
  <script src="https://cdn.bootcss.com/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
{% endblock %}

{% block pageBody %}
  <div class="page container">

    <h1 id="t-title"></h1>

    <div class="dl-horizontal">
      <dt>{% trans 'Commit Time' %}</dt> <dd id="t-time"></dd>
      <dt>{% trans 'Author' %}</dt> <dd id="t-author"></dd>
      <dt>{% trans 'Status' %}</dt> <dd id="t-status"></dd>
      <dt>{% trans 'Train Result' %}</dt> <dd id="t-train"></dd>
      <dt>{% trans 'Test Result' %}</dt> <dd id="t-test"></dd>
    </div>
<div class="row">
    <div class="col-lg-2">
        <dt></dt>
    </div>
</div>
    <div class="dividing dividing-fix"></div>

    <div id="task-content">
      <h3>{% trans 'Classes' %}</h3>
      <div class="dl-horizontal" id="classes">
          <div class="class-div" hidden>
              <div class="class-head">
                  <div class="class-title" id="class-id"></div>
                  <div class="class-image-num" id="images-num"></div>
              </div>
              <div class="class-body">
                  <div class="image-div">
                      <ul class="image-ul list-inline" id="img-ul">

                      </ul>
                  </div>
              </div>
          </div>
      </div>

      <div class="dividing dividing-fix"></div>

      <h3>{% trans 'Model' %}</h3>
      <div class="dl-horizontal">
          <dt>{% trans "Model's Title" %}</dt> <dd id="t-model"></dd>
      </div>
    </div>
    <div class="dividing dividing-fix"></div>
  </div>

{% endblock %}

{% block pageFootExtra %}
  <script src="{% static 'js/mlplatform/view_vrtask.js' %}"></script>
{% endblock %}
